<template>
  <div id="app">
    <!-- 路由对应的组件存放到router-view中-->
    <router-view></router-view>
    <!-- 底部tabbar 组件 -->
    <app-tab-bar v-show="$route.meta.isShowTabbar"></app-tab-bar>
  </div>
</template>

<script>
// 引入底部tabbar 组件
import AppTabBar from "@/components/AppTabBar";
export default {
  name: "App",
  components: { AppTabBar },
};
</script>

<style>
#app {
  width: 100%;
  height: 100%;
  font-size: 16px;
}
</style>
